<?php include(rootpath."/templates/shop/head.php"); ?> 
		<script  src="/js/shop/mylibs/chlalai_400.font.js"></script>
  		<script>Cufon.replace('#main h3', { fontFamily: 'chlalai', fontSize: '40px' });</script>
		<style>.cufon-loading #main h3 { visibility: hidden!important; }</style>
		
		<link rel="stylesheet" href="/css2/shop/hotel/hotel.css" media="all" />
</head>
<body class="backend">
  	<header>
		<?php include(rootpath."/templates/shop/header.html"); ?>
		<section id="color">
			<div class="inner">
				<h2 class="ir">Hotel</h2>
				<p>
					<label for="bg">BG Colour</label>
					<a href="javascript:void(0);" class="ir button white">White</a>
					<a href="javascript:void(0);" class="ir button black">Black</a>
					<label for="language">Add Language</label>
					<select name="language" id="language">
						<option value="1">English</option>
						<option value="2">ไทย</option>
					</select>
				</p>
			</div>
		</section>
	</header> 
  	<div id="main" role="main">
		<section id="one" class="clearfix">
			<div class="d-940x440">
				<span class="label">940 X 440</span>
				<a href="javascript:void(0);" class="ir edit img">Edit Image</a>
			</div>
			<div class="d-220x90">
					<span class="label">220 X 90</span>
					<a href="javascript:void(0);" class="ir edit img">Edit Image</a>
				</div>
		</section>	<!-- #one -->	
		
		<section id="two" class="clearfix">
			<article class="quote">
				<div class="inner">
					<div id="topic" class="d-820x50">
						<span class="label">Topic</span>
						<a href="javascript:void(0);" class="ir edit text">Edit Text</a>
					</div>
					<div id="detail" class="d-820x70">
						<span class="label">Detail</span>
						<a href="javascript:void(0);" class="ir edit text">Edit Text</a>
					</div>
				</div>
			</article>
		</section>	<!-- #two -->	
		
		<section id="three" class="clearfix">
			<article>
				<h3>Special Menu</h3>
				<div class="d-220x160">
					<span class="label">220 X 160</span>
					<a href="javascript:void(0);" class="ir edit img">Edit Image</a>
					<a href="javascript:void(0);" class="ir edit text">Edit Text</a>
				</div>
				<div class="d-220x160">
					<span class="label">220 X 160</span>
					<a href="javascript:void(0);" class="ir edit img">Edit Image</a>
					<a href="javascript:void(0);" class="ir edit text">Edit Text</a>
				</div>
				<div class="d-220x160">
					<span class="label">220 X 160</span>
					<a href="javascript:void(0);" class="ir edit img">Edit Image</a>
					<a href="javascript:void(0);" class="ir edit text">Edit Text</a>
				</div>
				<div class="d-220x160">
					<span class="label">220 X 160</span>
					<a href="javascript:void(0);" class="ir edit img">Edit Image</a>
					<a href="javascript:void(0);" class="ir edit text">Edit Text</a>
				</div>
				<div class="d-220x160">
					<span class="label">220 X 160</span>
					<a href="javascript:void(0);" class="ir edit img">Edit Image</a>
					<a href="javascript:void(0);" class="ir edit text">Edit Text</a>
				</div>
				<div class="d-220x160">
					<span class="label">220 X 160</span>
					<a href="javascript:void(0);" class="ir edit img">Edit Image</a>
					<a href="javascript:void(0);" class="ir edit text">Edit Text</a>
				</div>
				<div class="d-220x160">
					<span class="label">220 X 160</span>
					<a href="javascript:void(0);" class="ir edit img">Edit Image</a>
					<a href="javascript:void(0);" class="ir edit text">Edit Text</a>
				</div>
				<div class="d-220x160">
					<span class="label">220 X 160</span>
					<a href="javascript:void(0);" class="ir edit img">Edit Image</a>
					<a href="javascript:void(0);" class="ir edit text">Edit Text</a>
				</div>
			</article>
		</section>	<!-- #three -->
		
		<section id="four" class="clearfix">
			<article class="left">
				<h3>Clipt Review</h3>
				<div id="clip">
					<span class="label">Upload Clip VDO</span>
					<a href="javascript:void(0);" class="ir edit vdo">Edit VDO</a>
				</div>
			</article>
			
			<article class="right">
				<h3>Map</h3>
				<div id="map">
					<span class="label">Add address apply to Google Map</span>
					<a href="javascript:void(0);" class="ir edit text">Edit Text</a>
				</div>
			</article>
		</section>	<!-- #four -->
		
		<section id="five" class="clearfix">
			<article class="left">
				<div id="social">
					<p>
						<a href="javascript:void(0);" id="btnfav" class="button black1">Add to Favorite</a>
						<a href="javascript:void(0);" id="btnfriend" class="button black1">Send to Friend</a>
					</p>
					<ul class="h" id="social2">
						<li><a href="javascript:void(0);"><img src="/imglevel/shop/icon-social-01.png" alt="Facebook" width="29" height="29" /></a></li>
						<li><a href="javascript:void(0);"><img src="/imglevel/shop/icon-social-02.png" alt="Twitter" width="29" height="29" /></a></li>
						<li><a href="javascript:void(0);"><img src="/imglevel/shop/icon-social-03.png" alt="RSS Feed" width="29" height="29" /></a></li>
						<li><a href="javascript:void(0);"><img src="/imglevel/shop/icon-social-04.png" alt="My Space" width="29" height="29" /></a></li>
						<li><a href="javascript:void(0);"><img src="/imglevel/shop/icon-social-05.png" alt="Linkedin" width="29" height="29" /></a></li>
						<li><a href="javascript:void(0);"><img src="/imglevel/shop/icon-social-06.png" alt="Google +" width="29" height="29" /></a></li>
						<li><a href="javascript:void(0);"><img src="/imglevel/shop/icon-social-07.png" alt="Email" width="29" height="29" /></a></li>
					</ul>
				</div>
				<a href="javascript:void(0);" class="button black2">Branch</a>
			</article>
			<article class="right">
				<h3>Time work</h3>
				<div class="d-340x60" id="timework">
					<a href="javascript:void(0);" class="ir edit text">Edit Text</a>
				</div>
				
				<h3>Contact</h3>
				<div class="d-340x113" id="contact">
					<a href="javascript:void(0);" class="ir edit text">Edit Text</a>
				</div>
			</article>
		</section> <!-- #five -->
		
		<?php include(rootpath."/templates/shop/footer.html"); ?> 
  	</div>
	

  <!-- JavaScript at the bottom for fast page loading -->
	<?php include(rootpath."/templates/shop/script.html"); ?> 
	
  <!-- end scripts -->
</body>
</html>
